/**
 * Vue 2.0 应用入口文件
 * 负责初始化Vue应用实例并挂载到DOM
 */

// 导入Vue核心库
import Vue from 'vue'

// 导入根组件App.vue
import App from './App.vue'

/**
 * 配置Vue生产环境提示
 * 设置为false可阻止Vue在启动时显示生产模式提示
 */
Vue.config.productionTip = false

/**
 * 创建Vue应用实例
 * 使用渲染函数render将App组件挂载到#app元素
 * 这是Vue 2.0的标准初始化方式
 */
new Vue({
  /**
   * 渲染函数
   * 简写形式：h => h(App) 等同于 createElement => createElement(App)
   * createElement函数用于创建虚拟DOM节点
   */
  render: h => h(App)
  
  // 另一种写法：template: '<App/>', components: { App }
  // 但在使用webpack等构建工具时，推荐使用render函数方式
}).$mount('#app') // 挂载到DOM中的#app元素

/**
 * 关于$mount方法：
 * 等同于将el: '#app'作为选项传入Vue构造函数
 * 手动调用$mount可以更好地控制应用实例的挂载时机
 */
